<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>利息计算</title>
		<link rel="stylesheet" href="css/lanren.css">
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div id="shell">
			<form id="box" align="left">
				<div>
					<textarea placeholder="请复制时间" id="date" style="height: 400px; position: absolute;top: 5%;left: 5%;width: 550px;"></textarea>
				</div>
				<div>
					<textarea placeholder="请复制金额" id="money" style="height: 400px; position: absolute;top: 5%;right: 5%;width: 550px;"></textarea>
				</div>
				<div>
					<input placeholder="请输终止日期" id="endDate" style="position: absolute;bottom: 35%;right: 5%;width: 550px;"></input>
				</div>
			</form>
			<!-- 代码部分begin -->
			<div class="trunk">
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
							<div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
								<div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
									<div>
										<div>
											<div></div>
											<div></div>
										</div>
										<div>
											<div></div>
											<div></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 代码部分end -->
			<div id="bottom">
				<button onclick="check()" type="submit" class="light-btn" style="position: absolute;top: 90%;left: 50%;">提交</button>
			</div>
		</div>
	</body>
	<script>
		function check() {
			date = document.querySelector("#date").value
			money = document.querySelector("#money").value
			enddate = document.querySelector("#endDate").value
			enddate = enddate.replace(/ */g, '').replace(/[^\x00-\xff]/g, '').replace(/[a-z|A-Z]/g, '').replace(/--/g, '-').replace(
				/\n/g, '').replace(/,*/g, '')
			datelist = date.replace(/ */g, '').replace(/[^\x00-\xff]/g, '').replace(/[a-z|A-Z]/g, '').replace(/--/g, '-').split(
				"\n");
			datelist = datelist.join(' ').replace(/\n/g, '').replace(/,*/g, '').split(' ');
			if (datelist[datelist.length - 1] == "") {
				datelist.pop();
			}
			datelist.push(enddate)
			for (x in datelist) {
				datelist[x] = datelist[x].replace(/-*/g, '')
				var pattern = /(\d{4})(\d{2})(\d{2})/;
				var formatedDate = datelist[x].replace(pattern, '$1/$2/$3');
				datelist[x] = formatedDate;
			}
			console.log(datelist)
			moneylist = money.replace(/ */g, '').replace(/[^\x00-\xff]/g, '').replace(/[a-z|A-Z]/g, '').replace(/--/g, '-').split(
				"\n");
			moneylist = moneylist.join(' ').replace(/\n/g, '').replace(/,*/g, '').split(' ');
			if (moneylist[moneylist.length - 1] == "") {
				moneylist.pop();
			}
			console.log(moneylist)
			interestStr = "活期利息计算式子 = "
			balanceStr = ""
			interest = 0
			balance = 0
			for (x in moneylist) {
				if (x == "0") {
					balanceStr = moneylist[x]
					balance = parseFloat(moneylist[x])
					console.log(balance)
					interest += parseFloat(moneylist[x]) * 0.003 / 360 * parseInt((Date.parse(datelist[String(parseInt(x) + 1)]) -Date.parse(datelist[x])) / (1 * 24 * 60 * 60 * 1000))
					console.log(Date.parse("20190206"))
					console.log(datelist[String(parseInt(x) + 1)])
					console.log(parseInt(Date.parse(datelist[String(parseInt(x) + 1)])))
				} else {
					balanceStr = balanceStr + moneylist[x]
					balance = balance + parseFloat(moneylist[x])
					console.log(balance)
					interest += balance * 0.003 / 360 * parseInt((Date.parse(datelist[String(parseInt(x) + 1)]) - Date.parse(datelist[x])) /(1 * 24 * 60 * 60 * 1000))
					console.log(Date.parse(datelist[String(parseInt(x) + 1)]))
					console.log(datelist[String(parseInt(x) + 1)])
					console.log(parseInt(Date.parse(datelist[String(parseInt(x) + 1)])))
				}
			}
			console.log(interestStr)
			console.log("活期利息是：")
			console.log(interest)
			alert("利息是：" + interest)
		}
	</script>
</html>
